<!DOCTYPE html>
<html>
    <!-- This checks the overlap test between render layers inside clipped
    containers and other render layers when page scaling is used. See
    https://bugs.webkit.org/show_bug.cgi?id=76850 -->
    <script>
        window.onload = function() {
            if (window.internals) {
                internals.setPageScaleFactorLimits(0.5, 0.5);
                internals.setPageScaleFactor(0.5);
            }
        }
    </script>

    <style type="text/css">
        ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
        body {
            width: 4000px;
            height: 4000px;
        }
        .box {
            width: 100px;
            height: 100px;
        }

        .positioned {
            position: absolute;
            left: 400px;
        }

        .transformed {
            will-change: transform;
        }

        .clip {
            overflow: hidden;
        }

        .test {
            z-index: 1;
            background-color: green;
        }

        .indicator {
            background-color: red;
        }
    </style>

    <div class="positioned test box"></div>

    <div class="positioned clip box">
        <div class="transformed indicator box"></div>
    </div>
</html>
